<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
		<meta name="description" content="">
		<meta name="author" content="">
		<link rel="stylesheet" type="text/css" href="../../../css/cloud-admin.css">
		<link rel="stylesheet" type="text/css" href="../../../css/themes/default.css" id="skin-switcher">
		<link href="../../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
		
		<!-- bootstrap table css-->
		<link rel="stylesheet" href="../../../bootstrapTable/dist/bootstrap-table.min.css">

		<!-- bootstrap-tagsinput.css -->
		<link rel="stylesheet" href="../../../js/bootstrap-tagsinput/bootstrap-tagsinput.css">
			
		<!--jquery -->
		<script type="text/javascript" src="../../../js/jquery/jquery-2.0.3.min.js"></script>
		
		<!-- BOOTSTRAP -->
		<script src="../../../bootstrap-dist/js/bootstrap.min.js"></script>
		
		<!-- bootstrap table js -->
		<script src="../../../bootstrapTable/dist/bootstrap-table.js"></script>
		<script src="../../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>
		
		<!-- xcConfirm -->
		<link rel="stylesheet" type="text/css" href="../../../css/xcConfirm.css"/>
		<script src="../../../js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>
		
		<!-- bootstrap-tagsinput -->
		<script src="../../../js/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
		
		<!-- select -->
		<script type="text/javascript" src="../../../js/bindcontrol.js" charset="UTF-8"></script>

		<script type="text/javascript" src="../../../js/share.js"></script>
		
		<script type="text/javascript" src="add.js"></script>
		
		<style type="text/css">
			.bootstrap-tagsinput {
		 		width: 100% !important;
			}
		</style>
	</head>
	
	<body style="background-color: white;">
		<table class="table table-bordered"  style="vertical-align: middle !important;">
			<tr>
				<td>
					问卷标题<span style="color:red;">*</span>：
				</td>
				<td colspan="3">
					<input type="hidden" id="pk"> 
					<input type="text" id="questionnaireTitle" name="QUESTIONNAIRETITLE" class="form-control" placeholder="请输入问卷标题" />
				</td>
			</tr>
			<tr>
				<td>
					有效起始日期<span style="color:red;">*</span>：
				</td>
				<td>
					<input type="date" id="qst" name="EFFECTIVESTARTDATE" class="form-control" placeholder="请选择起始日期" >
				</td>
				<td>
					有效结束日期<span style="color:red;">*</span>：
				</td>
				<td>
					<input type="date" id="qen" name="EFFECTIVEENDDATE" class="form-control" placeholder="请选择结束日期" >
				</td>
			</tr>
			<tr>
				<td>
					问卷说明<span style="color:red;">*</span>：
				</td>
				<td colspan="3">
					<textarea rows="5" id="disc" name="QUESTIONNAIREDISC" class="form-control" placeholder="请输入问卷说明"></textarea>
				</td>
			</tr>
			<tr>
				<td>
					是否发布问卷：
				</td>
				<td colspan="3" style="text-align: left;">
					<input type="radio" name="STATUS" value="1" />是
					<input type="radio" name="STATUS" value="0" checked="checked" />否
				</td>
			</tr>
		</table>
		<div id="questionDetail">
			<div class="panel panel-primary">
			    <div class="panel-heading"><span>问题设计</span>
			    	<button id="addQuestionDetail" type="button" class="Edit btn btn-success  btn-sm" style="float: right;padding-top: 2px;padding-bottom: 1px;">
			    		<span class="glyphicon glyphicon-plus"></span>新增问题
			    	</button>
			    </div>
			    <table id="tableQuestionDetail"></table>
			</div>
	    </div>
	    
	    <!-- 新增/修改表单2 -->
		<div class="modal fade" id="modalMenu2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" id="modalW2">
				<div class="modal-content">
					<div class="modal-header modal-primary">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel" style="font-weight: 900;">
							<span id="title2">修改问题</span>
						</h4>
					</div>
					<div class="modal-body" id="modalH2">
					
					    <form class="form-horizontal" id="questionForm2">
				   			<table id="modalTab" class="table table-bordered"  style="vertical-align: middle !important;text-align: center;">
				   				<tr>
									<td >
										问题序号：
									</td>
									<td colspan="2" style="text-align: left;">									
										<span id="num"></span>
									</td>
								</tr>
								<tr>
									<td style="width: 20%">
										问题<span style="color:red;">*</span>：
									</td>
									<td colspan="2" >
										<input type="hidden" id="questionId" class="form-control" name="QUESTIONID" /><!-- 问卷问题主键 -->															
										<input type="hidden" id="questionOrder" class="form-control" name="QUESTIONORDER" /><!-- 问卷问题序号 -->															
										<input type="text" id="question" class="form-control" name="QUESTION" placeholder="请输入问题"></input>
									</td>
								</tr>
								<tr>
									<td>
										问题类型<span style="color:red;">*</span>：
									</td>
									<td colspan="2">
										<select class="form-control" name="QUESTIONTYPE" id="questionType" placeholder="请选择问题类型"></select>
									</td>
								</tr>
								<tr>
									<td>
										问题选项<span style="color:red;">*</span>：
									</td>
									<td colspan="2" style="text-align: left;">
										<input type="text" id="questionItem" name="QUESTIONITEM" class="form-control"  data-role="tagsinput" placeholder="请输入问题选项"/>
									</td>
								</tr>
				   			</table>
			   			</form>									   											   								            
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="save2">提交</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					</div>
				</div><!-- /.modal-content -->
			</div>								
		</div>		
		<!-- 新增/修改表单2 -->
	</body>

</html>